<template>
	<view>
		<download-btn :dwnSrc="dwnSrc"></download-btn>
		<GlobalSlot>
			<view slot="funcExampleDetail">
				<button  @click="goDemo" style="width: 200rpx;">列表样例</button>
			</view>
			
			<view slot="funcIntroDetail">
				<p><label class="iconfont icon-pass"> </label>列表list左右切换</p>
				<p><label class="iconfont icon-pass"> </label>自定义刷新</p>
				<p><label class="iconfont icon-pass"> </label>滚动加载</p>
				<p><label class="iconfont icon-pass"> </label>回到顶部</p>
			</view>
			
			<view slot="paramDetail">
				<view class="flexRowNoWrap param-table-row">
					<view class="col1"><label class="color-primary">*</label>navData</view>
					<view class="col2">导航栏数据</view>
					<view class="col3">array</view>
					<view class="col4">--</view>
					<view class="col5">['选择一','选择二','选择三']</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1"><label class="color-primary">*</label>listData</view>
					<view class="col2">列表数据</view>
					<view class="col3">array</view>
					<view class="col4">--</view>
					<view class="col5">[[1, 2, 3, 4, 5, 6],['a', 'b', 'c', 'd', 'e', 'f'],[],['2233','4234','13144','324244']]</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1"><label class="color-primary">*</label>pageData</view>
					<view class="col2">页码数据</view>
					<view class="col3">array</view>
					<view class="col4">--</view>
					<view class="col5">[1,1,1,1]</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1">isTop</view>
					<view class="col2">是否展示回到顶部按钮(0:关闭,1:开启)</view>
					<view class="col3">number</view>
					<view class="col4">0,1</view>
					<view class="col5">1</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1">isSearch</view>
					<view class="col2">是否启用搜索框(0:关闭,1:开启)</view>
					<view class="col3">number</view>
					<view class="col4">0,1</view>
					<view class="col5">1</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1">isBanner</view>
					<view class="col2">是否启用轮播图(0:关闭,1:开启)</view>
					<view class="col3">number</view>
					<view class="col4">0,1</view>
					<view class="col5">1</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1"><label class="color-primary">*</label>currentTab</view>
					<view class="col2">sweiper所在页</view>
					<view class="col3">number</view>
					<view class="col4">--</view>
					<view class="col5">0</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col1"><label class="color-primary">*</label>max</view>
					<view class="col2">是否数据请求完毕(0:否,1:是)</view>
					<view class="col3">array</view>
					<view class="col4">0,1</view>
					<view class="col5">[0,0,0,0,0,0]</view>
				</view>
			</view>
			
			<view slot="callFuncDetail">
				<view class="flexRowNoWrap param-table-row">
					<view class="col6"><label class="color-primary">*</label>@changeTab</view>
					<view class="col7">-</view>
					<view class="col8">切换tab事件</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col6"><label class="color-primary">*</label>@loadMore</view>
					<view class="col7">-</view>
					<view class="col8">加载更多事件</view>
				</view>
				<view class="flexRowNoWrap param-table-row">
					<view class="col6"><label class="color-primary">*</label>@isRefresh</view>
					<view class="col7">-</view>
					<view class="col8">上拉刷新事件</view>
				</view>
			</view>
				
			<view slot="directorInfo">
				周子琪 2021年3月15日
			</view>
			
			<view slot="versionInfo">
				----v1.0 周子琪 2021年3月15日 完成组件基本功能 
				----v1.1 周子琪 2021年3月22日 拆分组件为navTab与refreshList组件
			</view>
			
			<view slot="projectName">
				暂无
			</view>
			
			<view slot="terminalName">
				H5端、微信小程序端
			</view>
			
			<view slot="otherInfo">
				注意引入此组件时需要在App.vue页面全局设置自定义滚动条属性
				::-webkit-scrollbar {
				  width: 0;
				  height: 0;
				  color: transparent;
				}
			</view>
		</GlobalSlot>
	</view>
</template>

<script>


	export default {
		data() {
			return {
				dwnSrc:'jk-scrollList'
			}
		},
		components: {
			
		},
		methods:{
			goDemo(){
				uni.navigateTo({
				    url: './demoList'
				});
			}
		}
	}
</script>

<style lang="scss">
.no-data-wrapper{
	padding-top: 50rpx;
}
</style>